.quick_con {
    width: 150px;
    height: 200px;
    position: fixed;
    bottom: 50px;
    right: 5px;

    div {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        position: absolute;
        background-size: cover;
        box-shadow: 0 0 10px 0 rgba(207, 22, 18, .3);
        z-index: 2;
    }

    div:nth-of-type(1) {
        background-image: url('https://hotkidceo-1251330842.file.myqcloud.com/static/functional/backTop.png');
        transition: .5s;
    }

    div:nth-of-type(2) {
        background-image: url('https://hotkidceo-1251330842.file.myqcloud.com/static/functional/cart.png');
        transition: .5s;
    }

    div:nth-of-type(3) {
        background-image: url('https://hotkidceo-1251330842.file.myqcloud.com/static/functional/share.png');
        transition: .5s;
    }

    div:nth-of-type(4) {
        background-image: url('https://hotkidceo-1251330842.file.myqcloud.com/static/functional/home.png');
        transition: .5s;
    }

    div:nth-of-type(5) {
        top: 66px;
        right: 5px;
        transition: 1s;
    }

    .btn1 {
        top: 0;
        right: 27px;
    }

    .btn2 {
        top: 35px;
        right: 70px;
    }

    .btn3 {
        top: 90px;
        right: 70px;
    }

    .btn4 {
        top: 128px;
        right: 27px;
    }

    .btn5 {
        background-image: url('https://hotkidceo-1251330842.file.myqcloud.com/static/functional/spread.png');
        transform: rotate(-45deg);
    }

    .btn5_1 {
        background-image: url('https://hotkidceo-1251330842.file.myqcloud.com/static/functional/nav.png');
        transform: rotate(0deg);
    }

    .active {
        top: 66px;
        right: 5px;
    }








}